// -------------------------------------------------------------------
// DHTML Window Widget- By Dynamic Drive, available at: http://www.dynamicdrive.com
// v1.0: Script created Feb 15th, 07'
// v1.01: Feb 21th, 07' (see changelog.txt)
// v1.02: March 26th, 07' (see changelog.txt)
// v1.03: May 5th, 07' (see changelog.txt)
// v1.1:  Oct 29th, 07' (see changelog.txt)
// -------------------------------------------------------------------

var dhtmlwindow={
    imagefiles:['windowfiles/min.gif', 'windowfiles/close.gif', 'windowfiles/restore.gif', 'windowfiles/resize.gif'], //Path to 4 images used by script, in that order
    ajaxbustcache: true, //Bust caching when fetching a file via Ajax?
    ajaxloadinghtml: '<b>Loading Page. Please wait...</b>', //HTML to show while window fetches Ajax Content?
    minimizeListener:null,
    minimizeorder: 0,
    zIndexvalue:100,
    tobjects: [], //object to contain references to dhtml window divs, for cleanup purposes
    lastactivet: {}, //reference to last active DHTML window

    init:function(t){
        var domwindow=document.createElement("div") //create dhtml window div
        domwindow.id=t
        domwindow.className="dhtmlwindow"
        var domwindowdata=''
        domwindowdata='<div class="drag-handle">'
        domwindowdata+='DHTML Window <div class="drag-controls">'
        domwindowdata+='<div class="x-tool x-tool-close" title="Close">&nbsp;</div>'
        domwindowdata+='<div class="x-tool x-tool-maximize" title="Maximize">&nbsp;</div>'
        domwindowdata+='<div class="x-tool x-tool-minimize" title="Minimize">&nbsp;</div>'
        domwindowdata+='</div>'
        domwindowdata+='</div>'
        domwindowdata+='<div class="drag-contentarea"></div>'
        domwindowdata+='<div class="drag-statusarea"><div class="drag-resizearea" style="background: transparent url('+this.imagefiles[3]+') top right no-repeat;">&nbsp;</div></div>'
        domwindowdata+='</div>'
        domwindow.innerHTML=domwindowdata
        document.getElementById("dhtmlwindowholder").appendChild(domwindow)
        //this.zIndexvalue=(this.zIndexvalue)? this.zIndexvalue+1 : 100 //z-index value for DHTML window: starts at 0, increments whenever a window has focus
        var t=document.getElementById(t)
        var divs=t.getElementsByTagName("div")
        for (var i=0; i<divs.length; i++){ //go through divs inside dhtml window and extract all those with class="drag-" prefix
            if (/drag-/.test(divs[i].className))
            {
                t[divs[i].className.replace(/drag-/, "")]=divs[i] //take out the "drag-" prefix for shorter access by name
            }
        }
        //get buttons:close, maximize, minimize
        var insideControls = t.controls.getElementsByTagName("div")
        for (var j=0; j<insideControls.length; j++){ //go through divs inside dhtml window and extract all those with class="drag-" prefix
            if (/x-tool x-tool-/.test(insideControls[j].className))
            {
                t.controls[insideControls[j].className.replace(/x-tool x-tool-/, "")]=insideControls[j] //take out the "drag-" prefix for shorter access by name
            }
        }
        //t.style.zIndex=this.zIndexvalue //set z-index of this dhtml window
        t.handle._parent=t //store back reference to dhtml window
        t.resizearea._parent=t //same
        t.controls._parent=t //same
        //custom event handler "onclose"
        t.onclose=function(){
            return true
        } 
        t.onmousedown=function(){
            dhtmlwindow.setfocus(this)
        } //Increase z-index of window when focus is on it
        window.disableSelection(t.handle);
        t.handle.ondblclick = dhtmlwindow.doubleclick;
        t.handle.onmousedown=dhtmlwindow.setupdrag //set up drag behavior when mouse down on handle div
        t.resizearea.onmousedown=dhtmlwindow.setupdrag //set up drag behavior when mouse down on resize div
        t.controls.onclick=dhtmlwindow.enablecontrols
        t.show=function(){
            dhtmlwindow.show(this)
        } //public function for showing dhtml window
        t.hide=function(){
            dhtmlwindow.hide(this)
        } //public function for hiding dhtml window
        t.close=function(){
            dhtmlwindow.close(this)
        } //public function for closing dhtml window (also empties DHTML window content)
        t.setSize=function(w, h){
            dhtmlwindow.setSize(this, w, h)
        } //public function for setting window dimensions
        t.moveTo=function(x, y){
            dhtmlwindow.moveTo(this, x, y)
        } //public function for moving dhtml window (relative to viewpoint)
        t.isResize=function(bol){
            dhtmlwindow.isResize(this, bol)
        } //public function for specifying if window is resizable
        t.isScrolling=function(bol){
            dhtmlwindow.isScrolling(this, bol)
        } //public function for specifying if window content contains scrollbars
        t.load=function(contenttype, contentsource, title){
            dhtmlwindow.load(this, contenttype, contentsource, title)
        } //public function for loading content into window
        this.tobjects[this.tobjects.length]=t
        return t //return reference to dhtml window div
    },

    open:function(t, contenttype, contentsource, title, attr, recalonload){
        var d=dhtmlwindow //reference dhtml window object
        function getValue(Name){
            var config=new RegExp(Name+"=([^,]+)", "i") //get name/value config pair (ie: width=400px,)
            return (config.test(attr))? parseInt(RegExp.$1) : 2 //return value portion (int), or 0 (false) if none found
        }
        if (document.getElementById(t)==null) //if window doesn't exist yet, create it
            t=this.init(t) //return reference to dhtml window div
        else
            t=document.getElementById(t)
        t.title = title;
        this.setfocus(t)
        if(getValue("close")==0)
        {
            try
            {
                $($("#" + t.id).find("div[title=Close]")[0]).remove();
            }
            catch (err){}
        }
        if(getValue("maximize")==0)
        {
            try
            {
                $($("#" + t.id).find("div[title=Maximize]")[0]).remove();
            }
            catch (err){}
        }
        if(getValue("minimize")==0)
        {
            try
            {
                $($("#" + t.id).find("div[title=Minimize]")[0]).remove();
            }
            catch (err){}
        }
        t.setSize(getValue(("width")), (getValue("height"))) //Set dimensions of window
        var xpos=(getValue("center")==1)? "middle" : getValue("left") //Get x coord of window
        var ypos=(getValue("center")==1)? "middle" : getValue("top") //Get y coord of window
        if (typeof recalonload!="undefined" && recalonload=="recal" && this.scroll_top==0){ //reposition window when page fully loads with updated window viewpoints?
            if (window.attachEvent && !window.opera) //In IE, add another 400 milisecs on page load (viewpoint properties may return 0 b4 then)
                this.addEvent(window, function(){
                    setTimeout(function(){
                        t.moveTo(xpos, ypos)
                    }, 400)
                }, "load")
            else
                this.addEvent(window, function(){
                    t.moveTo(xpos, ypos)
                }, "load")
        }
        t.isResize(getValue("resize")) //Set whether window is resizable
        t.isMaximize = getValue("maximize")>0;
        t.isScrolling(getValue("scrolling")) //Set whether window should contain scrollbars
        t.style.visibility="visible"
        t.style.display="block"
        t.contentarea.style.display="block"
        t.moveTo(xpos, ypos) //Position window
        t.load(contenttype, contentsource, title)
        if (t.state=="minimized" && t.controls.firstChild.title=="Restore"){ //If window exists and is currently minimized?
            t.controls.firstChild.setAttribute("src", dhtmlwindow.imagefiles[0]) //Change "restore" icon within window interface to "minimize" icon
            t.controls.firstChild.setAttribute("title", "Minimize")
        }
        t.state="fullview" //indicate the state of the window as being "fullview"
        //
        return t
    },

    setSize:function(t, w, h){ //set window size (min is 150px wide by 100px tall)
        t.style.width=Math.max(parseInt(w), 150)+"px"
        t.contentarea.style.height=Math.max(parseInt(h), 100)+"px"
    },

    moveTo:function(t, x, y){ //move window. Position includes current viewpoint of document
        this.getviewpoint() //Get current viewpoint numbers
        t.style.left=(x=="middle")? this.scroll_left+(this.docwidth-t.offsetWidth)/2+"px" : this.scroll_left+parseInt(x)+"px"
        t.style.top=(y=="middle")? this.scroll_top+(this.docheight-t.offsetHeight)/2+"px" : this.scroll_top+parseInt(y)+"px"
    },

    isResize:function(t, bol){ //show or hide resize inteface (part of the status bar)
        t.statusarea.style.display=(bol)? "block" : "none"
        t.resizeBool=(bol)? 1 : 0
    },
    isScrolling:function(t, bol){ //set whether loaded content contains scrollbars
        t.contentarea.style.overflow=(bol)? "auto" : "hidden"
    },

    load:function(t, contenttype, contentsource, title){ //loads content into window plus set its title (3 content types: "inline", "iframe", or "ajax")
        if (t.isClosed){
            alert("DHTML Window has been closed, so no window to load contents into. Open/Create the window again.")
            return
        }
        var contenttype=contenttype.toLowerCase() //convert string to lower case
        if (typeof title!="undefined")
            t.handle.firstChild.nodeValue=title
        if (contenttype=="inline")
            t.contentarea.innerHTML=contentsource
        else if (contenttype=="div"){
            var inlinedivref=document.getElementById(contentsource)
            t.contentarea.innerHTML=(inlinedivref.defaultHTML || inlinedivref.innerHTML) //Populate window with contents of inline div on page
            if (!inlinedivref.defaultHTML)
                inlinedivref.defaultHTML=inlinedivref.innerHTML //save HTML within inline DIV
            inlinedivref.innerHTML="" //then, remove HTML within inline DIV (to prevent duplicate IDs, NAME attributes etc in contents of DHTML window
            inlinedivref.style.display="none" //hide that div
        }
        else if (contenttype=="iframe"){
            t.contentarea.style.overflow="hidden" //disable window scrollbars, as iframe already contains scrollbars
            if (!t.contentarea.firstChild || t.contentarea.firstChild.tagName!="IFRAME") //If iframe tag doesn't exist already, create it first
                t.contentarea.innerHTML='<iframe src="" style="margin:0; padding:0; width:100%; height: 100%" name="_iframe-'+t.id+'"></iframe>'
            window.frames["_iframe-"+t.id].location.replace(contentsource) //set location of iframe window to specified URL
        }
        else if (contenttype=="ajax"){
            this.ajax_connect(contentsource, t) //populate window with external contents fetched via Ajax
        }
        t.contentarea.datatype=contenttype //store contenttype of current window for future reference
    },

    setupdrag:function(e){
        var d=dhtmlwindow //reference dhtml window object
        var t=this._parent //reference dhtml window div
        d.etarget=this //remember div mouse is currently held down on ("handle" or "resize" div)
        var e=window.event || e
        d.initmousex=e.clientX //store x position of mouse onmousedown
        d.initmousey=e.clientY
        d.initx=parseInt(t.offsetLeft) //store offset x of window div onmousedown
        d.inity=parseInt(t.offsetTop)
        d.width=parseInt(t.offsetWidth) //store width of window div
        d.contentheight=parseInt(t.contentarea.offsetHeight) //store height of window div's content div
        if (t.contentarea.datatype=="iframe"){ //if content of this window div is "iframe"
            t.style.backgroundColor="#F8F8F8" //colorize and hide content div (while window is being dragged)
            t.contentarea.style.visibility="hidden"
        }
        document.onmousemove=d.getdistance //get distance travelled by mouse as it moves
        document.onmouseup=function(){
            if (t.contentarea.datatype=="iframe"){ //restore color and visibility of content div onmouseup
                t.contentarea.style.backgroundColor="white"
                t.contentarea.style.visibility="visible"
            }
            d.stop()
        }
        return false
    },

    getdistance:function(e){
        var d=dhtmlwindow
        var etarget=d.etarget
        var e=window.event || e
        d.distancex=e.clientX-d.initmousex //horizontal distance travelled relative to starting point
        d.distancey=e.clientY-d.initmousey
        if (etarget.className=="drag-handle") //if target element is "handle" div
            d.move(etarget._parent, e)
        else if (etarget.className=="drag-resizearea") //if target element is "resize" div
            d.resize(etarget._parent, e)
        return false //cancel default dragging behavior
    },

    getviewpoint:function(){ //get window viewpoint numbers
        var ie=document.all && !window.opera
        var domclientWidth=document.documentElement && parseInt(document.documentElement.clientWidth) || 100000 //Preliminary doc width in non IE browsers
        this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
        this.scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset
        this.scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset
        this.docwidth=(ie)? this.standardbody.clientWidth : (/Safari/i.test(navigator.userAgent))? window.innerWidth : Math.min(domclientWidth, window.innerWidth)//-16
        this.docheight=(ie)? this.standardbody.clientHeight: window.innerHeight
    },

    rememberattrs:function(t){ //remember certain attributes of the window when it's minimized or closed, such as dimensions, position on page
        this.getviewpoint() //Get current window viewpoint numbers
        t.lastx=parseInt((t.style.left || t.offsetLeft))-dhtmlwindow.scroll_left //store last known x coord of window just before minimizing
        t.lasty=parseInt((t.style.top || t.offsetTop))-dhtmlwindow.scroll_top
        t.lastwidth=parseInt(t.style.width) //store last known width of window just before minimizing/ closing
        t.lastState = t.state;
        if(typeof(t.lastheight)=='undefined')
        {
            t.lastheight = parseInt(t.contentarea.style.height); //store last known height of window just before minimizing/ closing
        }
    },

    move:function(t, e){
        t.style.left=dhtmlwindow.distancex+dhtmlwindow.initx+"px"
        t.style.top=dhtmlwindow.distancey+dhtmlwindow.inity+"px"
    },

    resize:function(t, e){
        t.style.width=Math.max(dhtmlwindow.width+dhtmlwindow.distancex, 150)+"px"
        t.contentarea.style.height=Math.max(dhtmlwindow.contentheight+dhtmlwindow.distancey, 100)+"px"
    },

    enablecontrols:function(e){
        var d=dhtmlwindow
        var sourceobj=window.event? window.event.srcElement : e.target //Get element within "handle" div mouse is currently on (the controls)
        if (/Minimize/i.test(sourceobj.getAttribute("title"))) //if this is the "minimize" control
            d.minimize(sourceobj, this._parent)
        if (/Maximize/i.test(sourceobj.getAttribute("title"))) //if this is the "Maximize" control
            d.maximize(sourceobj, this._parent)
        else if (/Restore/i.test(sourceobj.getAttribute("title"))) //if this is the "restore" control
            d.restore(sourceobj, this._parent)
        else if (/Close/i.test(sourceobj.getAttribute("title"))) //if this is the "close" control
            d.close(this._parent)
        return false
    },
    doubleclick:function(e)
    {
        var d=dhtmlwindow //reference dhtml window object
        var t=this._parent //reference dhtml window div
        d.etarget=this //remember div mouse is currently held down on ("handle" or "resize" div)
        var e=window.event || e

        if(t.state=="maximize")
        {
            d.restore(t.controls.maximize, t);
        }
        else
        if(t.state=="fullview")
        {
            d.maximize(t.controls.maximize, t);
        }
    },
    maximize:function(button, t)
    {
        if(!t.isMaximize) return;
        dhtmlwindow.rememberattrs(t)
        dhtmlwindow.getviewpoint()
        button.setAttribute("title", "Restore")
        button.className = "x-tool x-tool-restore"
        t.state="maximize" //indicate the state of the window as being "fullview"
        t.style.display="block"
        t.contentarea.style.display="block"
        if (t.resizeBool) //if this window is resizable, enable the resize icon
            t.statusarea.style.display="block"
        t.style.left=0 + "px" //position window to last known x coord just before minimizing
        t.style.top=0 + "px"
        t.style.width=this.docwidth+"px"
        t.contentarea.style.height=(this.docheight - 70)+"px"//40 + 30 (height of taskbar)
        //
        t.handle.onmousedown=function(){};
        t.handle.style.cursor = "default";
        t.resizearea.onmousedown=function(){};
        t.resizearea.className = 'drag-nonresizearea';
    },
    minimize:function(button, t){
        /*
        dhtmlwindow.rememberattrs(t)
        button.setAttribute("src", dhtmlwindow.imagefiles[2])
        button.setAttribute("title", "Restore")
        t.state="minimized" //indicate the state of the window as being "minimized"
        t.contentarea.style.display="none"
        t.statusarea.style.display="none"
        if (typeof t.minimizeorder=="undefined"){ //stack order of minmized window on screen relative to any other minimized windows
            dhtmlwindow.minimizeorder++ //increment order
            t.minimizeorder=dhtmlwindow.minimizeorder
        }
        t.style.left="10px" //left coord of minmized window
        t.style.width="200px"
        var windowspacing=t.minimizeorder*10 //spacing (gap) between each minmized window(s)
        t.style.top=dhtmlwindow.scroll_top+dhtmlwindow.docheight-(t.handle.offsetHeight*t.minimizeorder)-windowspacing+"px"
        */
       dhtmlwindow.rememberattrs(t);
       //indicate the state of the window as being "minimized"
       t.state="minimized" 
       t.style.display="none"
       //
       dhtmlwindow.getMinimizeListener().addMinimizeWindow(t);
    },

    restore:function(button, t){
        dhtmlwindow.getviewpoint()
        button.setAttribute("title", "Maximize")
        button.className = "x-tool x-tool-maximize"

        t.state="fullview" //indicate the state of the window as being "fullview"
        t.style.display="block"
        t.contentarea.style.display="block"
        if (t.resizeBool) //if this window is resizable, enable the resize icon
            t.statusarea.style.display="block"
        t.style.left=parseInt(t.lastx)+dhtmlwindow.scroll_left+"px" //position window to last known x coord just before minimizing
        t.style.top=parseInt(t.lasty)+dhtmlwindow.scroll_top+"px"
        t.style.width=parseInt(t.lastwidth)+"px"
        t.contentarea.style.height=parseInt(t.lastheight)+"px"
        //
        t.handle.onmousedown=dhtmlwindow.setupdrag
        t.handle.style.cursor = "move";
        t.resizearea.onmousedown=dhtmlwindow.setupdrag
        t.resizearea.className = 'drag-resizearea';
    },


    close:function(t){
        try{
            var closewinbol=t.onclose()
        }
        catch(err){ //In non IE browsers, all errors are caught, so just run the below
            var closewinbol=true
        }
        finally{ //In IE, not all errors are caught, so check if variable isn't defined in IE in those cases
            if (typeof closewinbol=="undefined"){
                alert("An error has occured somwhere inside your \"onclose\" event handler")
                var closewinbol=true
            }
        }
        if (closewinbol){
            $("#" + t.id).remove();
        /*
            //if custom event handler function returns true
            if (t.state!="minimized") //if this window isn't currently minimized
                dhtmlwindow.rememberattrs(t) //remember window's dimensions/position on the page before closing
            if (window.frames["_iframe-"+t.id]) //if this is an IFRAME DHTML window
                window.frames["_iframe-"+t.id].location.replace("about:blank")
            else
                t.contentarea.innerHTML=""
            t.style.display="none"
            t.isClosed=true //tell script this window is closed (for detection in t.show())
            */
        }
        return closewinbol
    },


    setopacity:function(targetobject, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
        if (!targetobject)
            return
        if (targetobject.filters && targetobject.filters[0]){ //IE syntax
            if (typeof targetobject.filters[0].opacity=="number") //IE6
                targetobject.filters[0].opacity=value*100
            else //IE 5.5
                targetobject.style.filter="alpha(opacity="+value*100+")"
        }
        else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
            targetobject.style.MozOpacity=value
        else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
            targetobject.style.opacity=value
    },

    setfocus:function(t){ //Sets focus to the currently active window
        this.zIndexvalue++
        t.style.zIndex=this.zIndexvalue
        t.isClosed=false //tell script this window isn't closed (for detection in t.show())
        this.setopacity(this.lastactivet.handle, 0.5) //unfocus last active window
        this.setopacity(t.handle, 1) //focus currently active window
        this.lastactivet=t //remember last active window
    },


    show:function(t){
        if(typeof(t)=="undefined") return;
        if (t.isClosed){
            alert("DHTML Window has been closed, so nothing to show. Open/Create the window again.")
            return
        }
        /*if (t.lastx) //If there exists previously stored information such as last x position on window attributes (meaning it's been minimized or closed)
            dhtmlwindow.restore(t.controls.firstChild, t) //restore the window using that info
        else*/
            t.style.display="block"
            if(typeof(t.lastState)!="undefined") t.state = t.lastState;
        this.setfocus(t)
        //t.state="fullview" //indicate the state of the window as being "fullview"
    },

    hide:function(t){
        t.style.display="none"
    },

    ajax_connect:function(url, t){
        var page_request = false
        var bustcacheparameter=""
        if (window.XMLHttpRequest) // if Mozilla, IE7, Safari etc
            page_request = new XMLHttpRequest()
        else if (window.ActiveXObject){ // if IE6 or below
            try {
                page_request = new ActiveXObject("Msxml2.XMLHTTP")
            }
            catch (e){
                try{
                    page_request = new ActiveXObject("Microsoft.XMLHTTP")
                }
                catch (e){}
            }
        }
        else
            return false
        t.contentarea.innerHTML=this.ajaxloadinghtml
        page_request.onreadystatechange=function(){
            dhtmlwindow.ajax_loadpage(page_request, t)
        }
        if (this.ajaxbustcache) //if bust caching of external page
            bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
        page_request.open('GET', url+bustcacheparameter, true)
        page_request.send(null)
    },

    ajax_loadpage:function(page_request, t){
        if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
            t.contentarea.innerHTML=page_request.responseText
        }
    },


    stop:function(){
        dhtmlwindow.etarget=null //clean up
        document.onmousemove=null
        document.onmouseup=null
    },

    addEvent:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
        var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
        if (target.addEventListener)
            target.addEventListener(tasktype, functionref, false)
        else if (target.attachEvent)
            target.attachEvent(tasktype, functionref)
    },
    setMinimizeListener:function(o)
    {
        dhtmlwindow.minimizeListener = o;
    },
    getMinimizeListener:function()
    {
        return dhtmlwindow.minimizeListener;
    },
    cleanup:function(){
        for (var i=0; i<dhtmlwindow.tobjects.length; i++){
            dhtmlwindow.tobjects[i].handle._parent=dhtmlwindow.tobjects[i].resizearea._parent=dhtmlwindow.tobjects[i].controls._parent=null
        }
        window.onload=null
    }

} //End dhtmlwindow object

document.write('<div id="dhtmlwindowholder" style="z-index:0"><span style="display:none">.</span></div>') //container that holds all dhtml window divs on page
dhtmlwindow.setMinimizeListener(TaskBar);
window.onunload=dhtmlwindow.cleanup
